<template>
  <div>
    <div
      class="disabled"
      v-for="(item, index) in activityList.datalist"
      :key="index"
    >
      <div class="mianzi">
        ￥
        <span>{{ item.faceValue }}</span>
      </div>
      <div class="cashinfo">
        <h3>{{ item.name }}</h3>
        <p class="condition">订单满100元可用</p>
        <p class="guize" @click="handleDialog(activityList.explain)">
          使用规则
          <img src="../assets/img/icon-arrow-default@2x.png" alt="" />
        </p>
      </div>
      <span class="over">
        <img src="../assets/img/status-yijieshu.png" alt="" />
      </span>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import { Dialog } from "vant";

// Dialog({ message: '提示' });
export default {
  props: ["activityList"],
  methods: {
    handleDialog(e) {
      // console.log(e);
      // console.log(list);
      // alert("error");
      Dialog.alert({
        title: "使用规则",
        message: e,
        theme: "round-button",
      }).then(() => {
        // on close
      });

      // Dialog.alert({
      //   message: "弹窗内容",
      //   theme: "round-button",
      // }).then(() => {
      //   // on close
      // });
    },
  },
};
</script>

<style src="../assets/css/CouponsList.css" scoped>
</style>